<template>
    <!-- 富文本模板 -->
    <div 
        class="rickContainer"
        v-html="rickInfo.content"
        :style="{background: rickInfo.color}"
        :class="rickInfo.fullscreen == 0 ? 'nofullscreen' : ''"
        >
    </div>
</template>

<script>
export default {
    props: ['rickInfo']
}
</script>

<style lang="stylus">
    // 富文本模板
    .rickContainer
        em
            font-style italic
        strong 
            font-weight bold
        img 
            display block
            width 100%
        video 
            height 4.2rem
            background #000
            vertical-align middle
    // 是否全屏
    .nofullscreen
        padding 0.24rem 0
</style>
